// 1.按需加载(导入)
// 2.想全局就全局, 想局部就局部
// 3.针对指令的核心代码, 进行按需的导出
// 全局指令的编写
export const imageError = {
  // 触发时机: 指令所在的标签被插入到页面中
  // el dom元素
  // binding 指令的相关信息
  // vnode 虚拟的节点... 拓展用
  inserted(el, binding) {
    // 图片加载成功 img.onload = () => {}
    // 图片加载失败 img.onerror = () => {}
    // 希望的是在图片加载失败的时候, 才会显示默认图片
    el.onerror = () => {
      // console.log('图片加载失败了', error)
      el.src = binding.value
    }
  }
}

// 文字颜色
export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

